<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>试卷答题</title>
    <link rel="shortcut icon" href="../image/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../home/css/paper_test.css">
    <link rel="stylesheet" href="../home/css/same.css">
    <style>
        .layui-card-header {
            padding: 10px 20px 0px 20px;
            height: 80px;
        }

        .layui-card {
            margin-bottom: 0;
        }
    </style>

</head>

<body style="background-color: #eff3f7;">

    <div id="app">
        <div class="sdd-paper-contain" style="padding:20px 10px">
            <div class="paper-item-order-fake">
                <div class="paper-item-order">
                    <div class="layui-card" style="height: 93%;overflow:auto">
                        <div class="layui-card-header">
                            <div class="paper-name">期中考试</div>
                            <div class="paper-info">
                                <span>总分：60</span>
                                <span class="paper-time">时长：60分钟</span>
                            </div>
                        </div>
                        <div class="layui-card-body">
                            <div class="sdd-question-anchor">
                                <span class="sdd-question-span"
                                    onclick="javascript:document.getElementById('here').scrollIntoView()">1</span>
                                <span class="sdd-question-span">2</span>
                                <span class="sdd-question-span">3</span>
                                <span class="sdd-question-span">4</span>
                                <span class="sdd-question-span">5</span>
                                <span class="sdd-question-span">6</span>
                                <span class="sdd-question-span">7</span>
                                <span class="sdd-question-span">8</span>
                            </div>
                            <hr>

                            <div class="sdd-remain-time">
                                <div class="sdd-remain-time-label">剩余时间</div>
                                <div class="sdd-remain-time-content">50分49秒</div>
                            </div>
                            <hr>

                            <div class="sdd-submit">
                                <button type="button" class="layui-btn layui-btn-normal"
                                    style="width: 120px;height: 35px;line-height: 35px;border-radius: 5px;">
                                    提交试卷</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="paper-question-content">
                <div class="layui-card">
                    <div class="layui-card-header"
                        style="font-size: 18px;font-weight:500;height: 50px;background: #fafafa;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;">
                        单选题</div>
                    <div class="layui-card-body" style="padding: 30px 30px;font-size: 14px;color: #4c596b;">

                        <div class="body-line">
                            <div class="itemOrder">1</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>

                                <!-- <form class="layui-form">
                                    <div class="layui-form-item" style="margin-left: -100px;">
                                      
                                        <div class="layui-input-block">
                                          <input type="radio" name="sex" value="男" title="男" checked="">
                                          <input type="radio" name="sex" value="女" title="女">
                                          <input type="radio" name="sex" value="禁" title="禁用" disabled="">
                                        </div>
                                      </div>
                                </form> -->
                            </div>
                        </div>

                        <div class="body-line">
                            <div class="itemOrder">2</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>
                            </div>
                        </div>

                        <div class="body-line" id="here">
                            <div class="itemOrder">3</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>
                            </div>
                        </div>


                        <div class="body-line" style="border-bottom: 0;">
                            <div class="itemOrder">4</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="layui-card">
                    <div class="layui-card-header"
                        style="font-size: 18px;font-weight:500;height: 50px;background: #fafafa;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;">
                        多选题</div>
                    <div class="layui-card-body" style="padding: 30px 30px;font-size: 14px;color: #4c596b;">

                        <div class="body-line">
                            <div class="itemOrder">5</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>E.王五</span>
                                </label>
                            </div>
                        </div>


                        <div class="body-line" style="border-bottom: 0;">
                            <div class="itemOrder">6</div>
                            <div class="question-title">《静夜思》的作者是谁 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>A.李白</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>B.杜甫</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>C.张三</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>D.李四</span>
                                </label>
                                <label class="label-info">
                                    <input type="checkbox" name="sex" value="nan" title="男">
                                    <span>E.王五</span>
                                </label>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="layui-card">
                    <div class="layui-card-header"
                        style="font-size: 18px;font-weight:500;height: 50px;background: #fafafa;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;">
                        判断题</div>
                    <div class="layui-card-body" style="padding: 30px 30px;font-size: 14px;color: #4c596b;">

                        <div class="body-line">
                            <div class="itemOrder">7</div>
                            <div class="question-title">《静夜思》的作者是李白 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>正确</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>错误</span>
                                </label>
                            </div>
                        </div>


                        <div class="body-line" style="border-bottom: 0;">
                            <div class="itemOrder">8</div>
                            <div class="question-title">《静夜思》的作者是杜甫 ( 3分 )</div>
                            <div class="question-content">
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>是</span>
                                </label>
                                <label class="label-info">
                                    <input type="radio" name="sex" value="nan" title="男">
                                    <span>否</span>
                                </label>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

        <div id="back-top">
            <i class="layui-icon layui-icon-top" style="font-size: 38px;font-weight: 600;"></i>
        </div>

    </div>



    <script src="../layui/layui.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="js/same.js"></script>
    <script src="js/paper_test.js"></script>
</body>

</html>